<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
    <title>Title</title>
   <link rel="stylesheet" type="text/css" href="CSS/CSS.css">
   <script src="../jQuery/jquery-1.12.4.min%20(2).js"></script>
   <script>
       jQuery(function ($) {
          $(".xuanzeqi").click(function(){
              var xiala = $(".xiala");
              if($(xiala).css("display")=="none"){
                  $(xiala).show();
              }else{
                  $(xiala).hide();
              }
          });
           $(".xuanzeqi2").click(function(){
               var xiala = $(".xiala2");
               if($(xiala).css("display")=="none"){
                   $(xiala).show();
               }else{
                   $(xiala).hide();
               }
           });
       })
   </script>
   <style type="text/css">
      .xiala{
         font-size: 12px;
      }
      .xiala>div>a>span{
          font-size: 12px;
       }
      .xiala>div>a{
         font-size: 12px;
      }
   </style>

</head>
<body>

   <div class="bold"> HTML</div>
   <div>　1.1　<a href='html/hh.html' target= 'conter'>HTML简介</a></div>
   <div>　1.2　<a href='html/f-kj.html' target='conter'>frameset</a></div>
   <div>　1.3　<a href='html/f-kjm.html' target='conter'>frame</a></div>
   <div>　1.4　<a href='html/iframe.html' target='conter'>iframe</a></div>
   <div>　1.5　<a href='html/hr.html' target='conter'>hr</a></div>
   <div>　1.6　<a href='html/br.html' target='conter'>br</a></div>
   <div>　1.7　<a href='html/pre.html' target='conter'>pre</a></div>
   <div>　1.8　<a href='html/img.html' target='conter'>img</a></div>
   <div>　1.9　<a href='html/zhushi.html' target='conter'>注释</a></div>
   <div>　1.10　<a href='html/a.html' target='conter'>a</a></div>
   <div>　1.11　<a href='html/h.html' target='conter'>h1-h6</a></div>
   <div>　1.12　<a href='html/p.html' target='conter'>p</a></div>
   <div>　1.13　<a href='html/span.html' target='conter'>span</a></div>
   <div>　1.14　<a href='html/div.html' target='conter'>div</a></div>
   <div>　1.15　<a href='html/liebiao.html' target='conter'>ulol</a></div>
   <div>　1.16　<a href='html/biaoge.html' target='conter'>table</a></div>
   <div>　1.17　<a href='html/form2.html' target='conter'>form</a></div>
   <div>　1.18　<a href='html/htmlcss.html' target='conter'>样式标签</a></div>
<br/>
   <div class="bold"> CSS</div>
   <div>　2.1　<a href='html/css123.html' target= 'conter'>CSS简介</a></div>
   <div>　2.2　<a href='html/1.html' target= 'conter'>全局选择器</a></div>
   <div>　2.3　<a href='html/2.html' target= 'conter'>标签选择器</a></div>
   <div>　2.4　<a href='html/3.html' target= 'conter'>类选择器</a></div>
   <div>　2.5　<a href='html/4.html' target= 'conter'>ID选择器</a></div>
   <div>　2.6　<a href='html/5.html' target= 'conter'>分组选择器</a></div>
   <div>　2.7　<a href='html/6.html' target= 'conter'>后代选择器</a></div>
   <div>　2.8　<a href='html/7.html' target= 'conter'>子代选择器</a></div>
   <div>　2.9　<a href='html/weilei.html' target= 'conter'>伪类样式</a></div>
   <div>　2.10　<a href='html/fcss.html' target= 'conter'>基本样式</a></div>
   <div>　2.11　<a href='html/background.html' target= 'conter'>背景</a></div>
   <div>　2.12　<a href='html/hezi.html' target= 'conter'>盒子模型</a></div>
   <div>　2.13　<a href='html/position.html' target= 'conter'>定位样式</a></div>
<br/>
<div class="bold"> JAVASCRIPT</div>
   <div>　1.1　<a href='JS/js_yiyi.html' target='conter'>什么是JS</a></div>
   <div>　1.2　<a href='JS/bianliang.html' target='conter'>声明变量</a></div>
   <div>　1.3　<a href='JS/json.html' target='conter'>声明对象</a></div>
   <div>　1.4　<a href='JS/shuju.html' target='conter'>数据类型</a></div>
   <div>　1.5　<a href='JS/else.html' target='conter'>逻辑语法</a></div>
   <div>　1.6　<a href='JS/duixiang.html' target='conter'>内置对象</a></div>
   <div>　1.7　<a href='JS/shijian.html' target='conter'>事件</a></div>
<br/>
   <div class="bold"> jQuery</div>
   <div class="xuanzeqi">　1.1　<a href='jQuery/xuanzeqi.html' target='conter'>选择器</a></div>
   <div style="display: none;" class="xiala">
      <div>　　　> <a href='jQuery/xuanzeqi.html#_id' target='conter'>#id <span style="color: black;">id</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#e' target='conter'>element <span style="color: black">标签</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#class' target='conter'>.class <span style="color: black;">class命名</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#parent' target='conter'>parent>child <span style="color: black">父子</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#first' target='conter'>:first <span style="color: black">匹配第一个</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#last' target='conter'>.last <span style="color: black">匹配最后一个</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#eq' target='conter'>.eq <span style="color: black">给值匹配</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#gt' target='conter'>.gt <span style="color: black">大于值</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#lt' target='conter'>.lt <span style="color: black">小于值</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#attr' target='conter'>[attribute] <span style="color: black">属性</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#attr_v1' target='conter'>[attribute=value] <span style="color: black">特定值</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#attr_v2' target='conter'>[attribute!=value]<span style="color: black">!特定值</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#attr_v3' target='conter'>[attribute^=value] <span style="color: black">开头值</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#attr_v4' target='con<div style="display: none;" class="xiala">ter'>[attribute$=value] <span style="color: black">结尾值</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#attr_v5' target='conter'>[attribute*=value] <span style="color: black">包含值</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#text' target='conter'>:text <span style="color: black">查找文本框</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#radio' target='conter'>:radio <span style="color: black">查找单选框</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#chebox' target='conter'>:checkedbox <span style="color: black">查找复选框</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#dis' target='conter'>:disabled <span style="color: black">匹配不可用</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#che' target='conter'>:checked <span style="color: black">匹配选中元素</span></a></div>
      <div>　　　> <a href='jQuery/xuanzeqi.html#sele' target='conter'>:selected <span style="color: black">匹配option选中</span></a></div>
   </div>

    <div class="xuanzeqi2">　1.2　<a href='jQuery/shaixuan.html' target='conter'>筛选</a></div>
    <div style="display: none;" class="xiala2">
       <div>　　　> <a href='jQuery/next.html' target='conter'>next</a></div>
    </div>
   <div>　1.3　<a href='jQuery/xiaoguo.html' target='conter'>效果</a></div>


   <br/>
<div class="bold"> 作业</div>
   <div>　1.1　<a href='Work/ulol.html' target='conter'>列表标签作业</a></div>
   <div>　1.2　<a href='Work/Table.html' target='conter'>制作表格作业</a></div>
   <div>　1.3　<a href='Work/form.html' target='conter'>表单制作作业</a></div>
   <div>　1.4　<a href='Work/baidu.html' target='index'>百度</a></div>
   <div>　1.5　<a href='Work/shewai.html' target='index'>湖南涉外经济学院</a></div>
   <div>　1.6　<a href='Work/hk.html' target='conter'>行级块级转换</a></div>
   <div>　1.7　<a href='Work/tuxing.html' target='conter'>脚本作业（图形）</a></div>
   <div>　1.8　<a href='Work/yidon.html' target='conter'>好友黑名单</a></div>
   <div>　1.9　<a href='Work/chuangkou.html' target='conter'>窗口</a></div>
   <div>　1.10　<a href='Work/mingce.html' target='conter'>表格</a></div>
   <div>　1.11　<a href='Work/shijian.html' target='_blank'>漂浮的广告</a></div>
   <div>　1.12　<a href='Work/tu_lunbo.html' target='_blank'>图片轮播</a></div>
   <div>　1.13　<a href='Work/yeqian.html' target='_blank'>页签</a></div>
   <div>　1.14　<a href='Work/shenfen.html' target='conter'>省份</a></div>
   <div>　1.15　<a href='Work/ajax.html' target='conter'>拖动窗口</a></div>
   <div>　1.16　<a href='Work/biaoge.html' target='conter'>jq 表格</a></div>>
   <br/>
   <div class="bold">项目</div>
   <div>　->　<a href='html/rourou.html' target='index'>商城项目</a></div>
   <div class="bold">项目</div>
   <div>　1.1　<a href='Kaoshi/k_1.html' target='conter'>JS机试第一题</a></div>
   <div>　1.2　<a href='Kaoshi/k_2.html' target='conter'>JS机试第二题</a></div>
   <div>　1.3　<a href='Kaoshi/k_3.html' target='_blank'>JS机试第三题</a></div>



</body>
</html>